<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>私有云平台</title>
	<meta charset="utf-8"/>
	<link rel="stylesheet" type="text/css" href="/EECloud/resource/public/bootstrap/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="/EECloud/resource/public/bootstrap/css/bootstrap-responsive.css"/>
	<link rel="stylesheet" type="text/css" href="/EECloud/resource/css/jquery-ui-redmond/jquery-ui-1.8.21.custom.css">
	<link rel="stylesheet" type="text/css" href="/EECloud/resource/css/global2.css">
	<script type="text/javascript" src="/EECloud/resource/jquery/jquery.js"></script>
    <script src="/EECloud/resource/public/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/EECloud/resource/jquery/jquery-ui-1.8.22.custom.min.js"></script>
    <script type="text/javascript">
    	$(document).ready(function(){
    		var menu_title = '<?=$menuTitle;?>';
    		$("#" + menu_title).addClass('active');

    	});
    </script>
	<style type="text/css">
		body{
			background-color: #EEE;
		}

		.homeheader{
			/*background-image: url(/EECloud/resource/img/homeheader.gif);*/
			position: relative;
			z-index: 99;
			height: 119px;
			border-bottom: 1px solid #d2d2d2;
			background: #f7f7f7 url('/EECloud/resource/img/homeheader.gif') right 32px no-repeat;
		}

		.myphoto{
			padding: 3px;
			border: 1px solid #c2c2c2;
			background: #fff;
			width: 109px;
			height: 109px;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			position: absolute;
			top: 25px;
			left: 20px;
			box-shadow: 0 1px 2px rgba(0,0,0,0.2);
			z-index: 999;
		}

		.myphoto img{
			width: 100%;
			height: 100%;
		}

		.brieftext{
			padding: 25px 0 0 150px;
			height: 92px;
		}

		.homepagelink{
			color: #333;
			text-decoration: none;
			font: normal 20px/30px "Microsoft Yahei";
		}

		.homepagelink-a{
			font: 12px/1.125 Arial,Helvetica,sans-serif;
			letter-spacing: 0;
			color: #999;
		}

		.personal-show{
			position: relative;
			/*overflow: hidden;*/
			height: 23px;
			line-height: 14px;
			white-space: nowrap;
			line-height: 23px;
			margin: 0 464px 8px 0;
		}

		.personal-info{
			display: inline;
			color: #666;
			/*text-overflow: ellipsis;*/
			/*overflow: hidden;*/
			font-size: 12px;
			margin-top: 15px;
		}
		.list-header{
			margin: 30px 60px 10px 55px;
			font-size: 13px;
		}
		.list-item-head{
			border: 1px solid #e5e5e5;
			clear: both;
			width: 90%;
			float: left;
			margin-left: 55px;
			line-height: 36px;
			background-color: #EEE;
			/*color: #e5e5e5;*/
		}

		.list-item{
			border-bottom: 1px solid #e5e5e5;
			clear: both;
			width: 90%;
			float: left;
			margin-left: 55px;
			line-height: 36px;
		}

		.chk-head{
			float: left;
			margin-left: 10px;
		}

		.chk{
			float: left;
			margin-left: 11px;
			/*margin-top: 5px;*/
		}

		.col{
			float: left;

		}
		
		.c2{
			border-left: 1px solid #e5e5e5;
			border-right: 1px solid #e5e5e5;
			/*padding-left: 8px;*/
		}
		.c3{
			/*padding-left: 8px;*/
			border-right: 1px solid #e5e5e5;
		}

		.hover{
			background-color:#A5C9E0;
		}

		#container{
			/*position:absolute;left:0;right:0;top:0;bottom:0;*/
			height: 91%;
		}

		.row-fluid{
			height: 100%;
		}
		.span2{
			height: 100%;
			background-color:white;
		}
		.span10{
			height: 100%;
			background-color:white;
		}
	</style>
</head>
<body>
	<div class="container-fluid" style="min-width:1000px">
		<div class="navbar navbar-inverse">
			<div class="navbar-inner">
				<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
	              <span class="icon-bar"></span>
	              <span class="icon-bar"></span>
	              <span class="icon-bar"></span>
	            </button>
	            <a class="brand" href="#"><img src="/EECloud/resource/img/pLogo.jpg" style="width:35px;height:25px">私有云平台</a>
	            <ul class="nav">
	            	<li class=""><a href="/EECloud/index.php/index">首页</a></li>
	            	<li><a href="/EECloud/index.php/pcloud">公共云</a></li>
	            	<li class="dropdown">
	            		<a class="dropdown-toggle" data-toggle="dropdown" href="">全部文件 <b class="caret"></b></a>
	            		<ul class="dropdown-menu">
	            			<li><a href="/EECloud/index.php/ring">全部文件</a></li>
	            			<li><a href="/EECloud/index.php/ring/files">文档</a></li>
	            			<li><a href="/EECloud/index.php/ring/images">图片</a></li>
	            			<li><a href="/EECloud/index.php/ring/vedios">视频</a></li>
	            			<li><a href="/EECloud/index.php/ring/music">音乐</a></li>
	            			<li><a href="/EECloud/index.php/ring/others">其他</a></li>
	            			<li class="divider"></li>
	            			<li><a href="/EECloud/index.php/ring/shares">我的分享</a></li>
	            			<li class="divider"></li>
	            			<li><a href="/EECloud/index.php/ring/recycleBin">我的回收站</a></li>
	            		</ul>
	            	</li>
	            </ul>
	            <ul class="nav" style="float:right;font-size:12px">
	            	<!-- <li>
	            		<form class="navbar-search">
						  <input type="text" class="search-query" placeholder="Search" id="search_value">
						  <a class="btn btn-small" style="margin-right:20px;margin-left:10px" id="search"><i class="icon-search"></i> 搜索</a>
						</form>
	            	</li> -->
	            	<li><a href="/EECloud/index.php/userinfo"><i class="icon-user icon-white"></i> <?php echo $userName;?></a></li>
	            	<li><a href=""><i class="icon-envelope icon-white"></i> 通知</a></li>
	            	<li><a href="javascript:void(0);" id="returnIndex"><i class="icon-off icon-white"></i> 退出</a></li>
	            </ul>	
			</div>
		</div>
	</div>
	<div class="container-fluid" style="" id="container">
		<div class="row-fluid">
			<div class="span2" style="background-color:white">
				<ul class="nav nav-list">
					<li class="nav-header" style="font-size:20px">全部文件</li>
					<li class="divider"></li>
					<li id="allMenu"><a href="/EECloud/index.php/ring"><i class="icon-list-alt"></i> 全部文件</a></li>
					<li id="filesMenu"><a href="/EECloud/index.php/ring/files"><i class="icon-file"></i> 文档</a></li>
					<li id="imagesMenu"><a href="/EECloud/index.php/ring/images"><i class="icon-picture"></i> 图片</a></li>
					<li id="vediosMenu"><a href="/EECloud/index.php/ring/vedios"><i class="icon-film"></i> 视频</a></li>
					<li id="musicMenu"><a href="/EECloud/index.php/ring/music"><i class="icon-music"></i> 音乐</a></li>
					<li id="othersMenu"><a href="/EECloud/index.php/ring/others"><i class="icon-th-list"></i> 其他</a></li>
					<li class="divider"></li>
					<li id="sharesMenu"><a href="/EECloud/index.php/ring/shares"><i class="icon-share"></i> 我的分享</a></li>
					<li><a href="/EECloud/index.php/publishres/allres"><i class="icon-eye-open"></i> 资源审核</a></li>
					<li class="divider"></li>
					<li id="recycleMenu"><a href="/EECloud/index.php/ring/recycleBin"><i class="icon-trash"></i> 我的回收站</a></li>
				</ul>
			</div>
			<div class="span10" style="background-color:white;">
				<div class="homeheader">
					<div class="myphoto">
						<img src="/EECloud/resource/img/myphoto.jpg">
					</div>
					<div class="brieftext">
						<a href="" class="homepagelink"><?php echo $userName; ?></a><br/>
						<a href="" class="homepagelink-a">http://pan.baidu.com/share/home?uk=2987573550</a>
						<div class="personal-show">
							<a href="" class="btn-small btn" style="padding:0.2px 10px;margin-top:5px;vertical-align: baseline;">编辑</a>
							<p class="personal-info">
								说明：Ta很懒什么也没有留下。
							</p>
						</div>
					</div>
				</div>
				<div>
					<span  class="list-header" style="float:left">我的分享</span><span class="list-header" style="float:right">已加载<?=$resourcesNum;?>项</span>
				</div>
				<div class="list-item-head">
					<div class="chk-head" style="width:5%" >
						<input type="checkbox" style="margin:auto;visibility:hidden" id="chkHead">
					</div>
					<div class="col c1" style="width:40%">文件名</div>
					<div class="col c2" style="width:15%;text-align:center">分享时间</div>
					<div class="col c3" style="width:20%;text-align:center">浏览次数</div>
					<div class="col" style="width:15%;text-align:center">下载次数</div>
				</div>

				<?php if(!empty($records)) :?>
				<?php foreach ($records as $key => $val):?>
					<div class="list-item">
						<div class="chk" style="width:3%" name="chk"><input type="checkbox" style="	margin:auto;cursor:default" name="chkItem" onclick="selectClick(this)"></div>
						<div class="col" style="width:36%"><a href="javascript:void(0);" title="<?=$val["resource_title"];?>"><?=$val["resource_title"];?></a></div>
						<div class="col" style="visibility:hidden"><a href="javascript:void(0);" class="remove"><i class="icon-remove"></i></a></div>
						<!-- <div class="col" style="width:3%;visibility:hidden" name="action"><a href="javascript:void(0);" class="download"><i class="icon-download" title="下载"></i></a></div> -->
						<div class="col" style="width:16%;text-align:center;padding-left:60px">
							<?php echo $val['share_time'] ?>
						</div>
						<div class="col" style="width:18%;text-align:center;padding-left:10spx">
							<?php echo $val['views'] ?>
						</div>
						<div class="col" style="width:18%;text-align:center;padding-left:10px">
							<?php echo $val['downloads'] ?>
						</div>
						<div class="col" style="visibility:hidden" id="resId"><?php echo $val['id']; ?></div>
					</div>
				<?php endforeach;?>
				<?php endif;?>
			</div>
		</div>
	</div>
	<script type="text/javascript">

		function selectClick(e){
			var oRemove = e.parentNode.parentNode.childNodes.item(5);
			
			if(e.checked){
				oRemove.style.visibility = "";
			}else{
				oRemove.style.visibility = "hidden";
			}
		}

		$(document).ready(function(){
			var _height = window.screen.height-200;
			$('#container').css('height',_height);

			$(".remove").click(function(){
				var resId = $(this).parent().parent().children("div #resId").text();
				// alert(resId);
				window.location.href = "/EECloud/index.php/ring/remove_share?id=" + resId;
			});
		});
	</script>
</body>
</html>